<!DOCTYPE html>
<html lang="zh-CN">
<head>
<link rel="dns-prefetch" href="//cdn2.lmonkey.com">
<link rel="dns-prefetch" href="//hm.baidu.com">
<link rel="dns-prefetch" href="//jspassport.ssl.qhimg.com">
<link rel="dns-prefetch" href="//www.lmonkey.com">
<link rel="dns-prefetch" href="//www.beian.miit.gov.cn">
<link rel="dns-prefetch" href="//www.phpzs.cn">
<link rel="dns-prefetch" href="//res.wx.qq.com">
<link rel="dns-prefetch" href="//ykf-webchat.7moor.com">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>我的订单 - 成就自己的只需一套精品</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    
    <meta name="keywords" content="IT培训,在线学习,Java培训,人工智能培训,Python培训,PHP培训,GO培训,大数据培训,UI设计培训,移动开发培训,Linux运维培训,web前端培训,全栈工程师培训,1+X，Web前端开发职业技能等级证书培训,大数据教程,云计算视频,UI/UE,区块链课程,课程,视频,教程,IT在线教育平台"/>
    
    <meta name="description" content="学习猿地是零基础到就业的IT技能学习平台，专挑大牛录制全套的精品课程，将一门学科所需的全部精品资料汇总在一起，提供Java、Python、php、GO、大数据、web前端、UI、Linux、1+X证书等学科。"/>
    <meta name="csrf-token" content="htcpPG8T0K52BnrosxRwKZdm3JIsCnOAJ8huGMrS">
    <link rel="icon" href="https://cdn2.lmonkey.com/94f152aaa94d937ccf5de78f3fcac59f/26c6253a070943529cf2a84884b61890.jpg" type="image/x-icon"/>
    <link rel="stylesheet" href="/assets/libs/@fortawesome/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="/assets/css/purpose.css" id="stylesheet">

    <script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = '//zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = '//push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?676e52e2eddd764819cab505b21e9ee8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        (function(){
            var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba";
            document.write('<script src="' + src + '" id="sozz"><\/script>');
        })();
    </script>
        

</head>
<body>
<div class="wrapper">
    <div id="toast-container"></div>
         <header class="header " >
    
    <nav class="navbar navbar_xxyd navbar-horizontal navbar-expand-lg navbar-light bg-white">
        <div class="container px-0">
            <a class="navbar-brand p-0" href="https://www.lmonkey.com">
                <img src="https://cdn2.lmonkey.com/img/20191111114704.jpg" height="50"  alt="">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-primary" aria-controls="navbar-primary" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar-primary">

                <ul class="navbar-nav ">
                    
                    <li class="nav-item dropdown dropdown-animate" data-toggle="click">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">更多课程</a>
                        <div class="dropdown-menu  dropdown-menu-arrow dropdown-menu-sm p-0 ml-3'">
                            <ul class="list-group list-group-flush">
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/java" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/java.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">Java开发工程师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/python" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/python.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">Python开发工程师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/php" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/php.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">PHP开发工程师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/go" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/go.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">GO开发工程师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/bigdata" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/data.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">大数据开发工程师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/h5" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/html5.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">前端开发工程师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/ui" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/ui.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">UI/UE全能设计师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/linux" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/linux.jpg" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">Linux运维工程师</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="/page/x" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/zs4.png" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">web前端证书(1+X)</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                        <li class="dropdown dropdown-animate dropdown-submenu" data-toggle="hover">
                                        <a href="#" class="item-nav item-nav-post list-group-item-action " aria-expanded="false">
                                            <div class="media d-flex align-items-center">
                                                
                                                <figure style="width: 50px;">
                                                    <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/icons/cool/zs4.png" class="svg-inject img-fluid" style="height: 40px;">
                                                </figure>
                                                
                                                <div class="media-body ml-1">
                                                    <span class="font-weight-900">web前端证书(1+X)</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                                                                                                                        </ul>
                        </div>
                    </li>
                                                                        <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/toutiao" title="IT发展报道  "
                                   target=" _blank"
                                >猿生态</a>
                            </li>
                                                                                                <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/essence" title="精品文章  "
                                   target=" _blank"
                                >猿著</a>
                            </li>
                                                                                                <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/page/topic" title="面试题库  "
                                   target=" _blank"
                                >猿创试题</a>
                            </li>
                                                                                                <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/tools" title="开发工具  "
                                   target=" _blank"
                                >猿材料</a>
                            </li>
                                                                                                <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/ebook" title="开发手册大全  "
                                   target=" _blank"
                                >猿工手册</a>
                            </li>
                                                                                                <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/project" title="项目源码下载  "
                                   target=" _blank"
                                >猿代码</a>
                            </li>
                                                                                                <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/t" title="IT社区  "
                                   target=" _blank"
                                >猿圈</a>
                            </li>
                                                                                                <li class="nav-item">
                                <a class="nav-link"
                                   href="https://www.lmonkey.com/ask" title="IT问答  "
                                   target=" _blank"
                                >猿来如此</a>
                            </li>
                                                            </ul>

            </div>
            <div class="collapse navbar-collapse" id="navbar-primary">

                <ul class="navbar-nav ml-lg-auto">

                        








































                        <li class="nav-item mr-0 float-right">
                        <div class="dropdown d-lg-inline-flex  d-none ">
                                <button class=" btn  btn-icon-only rounded-circle" style="width: auto" type="button" id="dropdown_user_account" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="btn-inner--icon">
                                     <img  width="30px" src="" style="width: 30px;
height: 30px;
margin-top: -10px;"
                                           class="rounded-circle z-depth-0"
                                           alt="avatar image" >
                                </span>
                                    <span class="float-right mt-n1 ml-1" style="font-size: 13px">
                                                17815502415 <i class="fa fa-angle-down"></i>
                                </span>
                                </button>

                                <div class="dropdown-menu dropdown-menu-sm "  aria-labelledby="dropdown_user_account">
                                                                                                            <a class="dropdown-item" href="https://www.lmonkey.com/my/message">
                                        
                                        <i class="fas fa-envelope text-primary"></i>我的消息
                                    </a>

                                    <a class="dropdown-item" href="https://www.lmonkey.com/my/classrooms">
                                        <i class="fas fa-book text-primary"></i>我的学习
                                    </a>
                                    <a class="dropdown-item" href="https://www.lmonkey.com/users/MLDl8O8LY/edit">
                                        <i class="fas fa-cog text-primary"></i>个人设置
                                    </a>
                                    <a class="dropdown-item" href="https://www.lmonkey.com/my/order">
                                        <i class="fas fa-money-bill text-primary"></i>账户中心
                                    </a>
                                    <a class="dropdown-item" href="https://www.lmonkey.com/users/MLDl8O8LY">
                                        <i class="fas fa-home text-primary"></i>我的主页
                                    </a>

                                    <div class="dropdown-divider" role="presentation"></div>

                                    <a class="dropdown-item" href="https://www.lmonkey.com/logout">
                                        <i class="fas fa-sign-out-alt text-primary"></i>退出登录
                                    </a>


                                </div>
                            </div>
                            <a href="https://www.lmonkey.com/my/classrooms" target="_blank" class="nav-link d-lg-none">学习中心</a>
                        </li>

                                        </ul>

            </div>
        </div>
    </nav>
</header>

    <div class="container xxyd_container py-5">


            <div class="row row-grid">
                    <div class="container">
        
        <div class="mb-5">
            <div class="row">
                <div class="col-lg-4">
                    <div class="card card-stats bg-gradient-info shadow-info border-0 mb-4">
                     

                        <div class="card-body">
                            <div class="d-flex">
                                <div>
                                            <span class="icon icon-sm text-white">
                                                <i class="fas fa-credit-card"></i>
                </span>
                                </div>
                                <div class="pl-4">
                                    <h5 class="mb-1 text-white">0</h5>
                                    <span class=" text-white">猿宝</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-lg-4">

                    <div class="card card-stats bg-gradient-warning shadow-warning border-0 mb-4">


                        <div class="card-body">
                            <div class="d-flex">
                                <div>
                                            <span class="icon icon-sm text-white">
                    <i class="fas fa-file-alt"></i>
                </span>
                                </div>
                                <div class="pl-4">
                                    <h5 class="mb-1 text-white">0</h5>
                                    <span class=" text-white">积分</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card card-stats bg-gradient-success shadow-success border-0 mb-4">
                     
                        <div class="card-body">
                            <div class="d-flex">
                                <div>
                                            <span class="icon icon-sm text-white">
                    <i class="fas fa-file-alt"></i>
                </span>
                                </div>
                                <div class="pl-4">
                                    <h5 class="mb-1 text-white">0</h5>
                                    <span class=" text-white">余额</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        

        <div class="page-inner-header mb-4">
            <h5 class="mb-1">我的订单</h5>

        </div>
                    <div class="card-deck flex-column flex-lg-row mb-5">
                <div class="card shadow--hover mb-4 mb-lg-0">
                    <div class="card-header">
                        <div class="d-flex align-items-center">
                            <div class="avatar-content">
                                <h6 class="mb-0">Python爬虫项目实战全程实录#数据采集就都不是事儿了 默认计划</h6>
                                <small class="d-block text-muted font-weight-bold">订单号： 2020062615470854660135
                                </small>
                                <span class="text-muted"><i
                                            class="fas fa-clock mr-2"></i> 2020-06-26 15:47:08</span>
                            </div>
                        </div>
                    </div>

                    <div class="card-body">
                     
                        <small class="font-weight-bold mt-4">订单状态：
                                                            已支付
                                                        </small>
                        <div class="d-flex justify-content-between">
                            <div>
                                <span class="text font-weight-bold d-block text-sm">价格： 0 元</span>
                                <span class="text font-weight-bold d-block">应付金额： 0 元</span>
                            </div>
                            <div>
                                                                    已支付
                                    

                            </div>
                        </div>
                    </div>

                </div>
            </div>
                
    </div>
            </div>
    </div>

    
  

    <footer id="footer-main" class="footer footer-light bg-white border-top">
    <div class="container" style="position:relative;">
        <div id="footlogo" >
            <a href="#">
                <img alt="Image placeholder" src="https://cdn2.lmonkey.com/img/20191111115654.jpg" style="height: 110px;">

            </a>
        </div>
        <div class="row">
            <div class="col-lg-6 mb-lg-0">
                <div class="row">
                    <div class="col-lg-10  mb-lg-0">
                        <p class="text-sm mt-5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学习猿地根据IT方向的线上学习特点，研发人机互动教学系统，
                          打造领先的学习模式。平台签约了十名大牛联合创办，
                          每个合伙人再召集几名身边的技术大咖，根据程序员的岗位需求研发精品课程，并将一门学科中所需要的全部学习资料汇总在一起，
                            且实时更新。选中一门课程即拥有全部的精品学习资源，不需要再找其它资源补充，
                          按计划学习结束后即可直接从事对应的开发工作。
                        </p>
                    </div>
                </div>
            </div>
          	<style>
          		.fenlei {
                    width:72px;
                    font-weight: 700;
                    border-bottom: 1px #0097e1 solid;
                    padding-bottom: 8px;
                    letter-spacing: 0.1em;
              	}
          	</style>
            <div class="col-lg-6 mb-5 mb-lg-0 d-none d-lg-block">
                <div class="row">
                    <div class="col-lg-3 col-6 col-sm-4 mb-5 mb-lg-0">
                        <h6 class="heading mb-3 fenlei">新手指南</h6>
                        <ul class="list-unstyled">
                            <li><a  target="_blank" href="/page/txkc">挑选课程</a>
                            </li>
                            <li><a  target="_blank" href="/page/gmkc">购买课程</a>
                            </li>
                            <li><a  target="_blank" href="/page/xxkc">学习课程</a>
                            </li>
                            <li><a target="_blank" href="/page/ptzy">配套资源</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-6 col-sm-4 mb-5 mb-lg-0">
                        <h6 class="heading mb-3 fenlei">帮助中心</h6>
                        <ul class="list-unstyled text-small">
                            <li><a target="_blank" href="/page/faq">常见问题</a>
                            </li>
                            <li><a target="_blank" href="/page/wdbz">问答帮助</a>
                            </li>
                            <li><a target="_blank" href="/page/yhfk">学猿反馈</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-sm-4 mb-4 mb-lg-0">
                        <h6 class="heading mb-3 fenlei">关于我们</h6>
                        <ul class="list-unstyled">
                            <li><a target="_blank" href="/page/aboutus">了解我们</a>
                            </li>
                        	 <li><a target="_blank" href="/page/qywh">企业文化</a>
                            </li>
                            <li><a target="_blank" href="/page/callme">联系我们</a>
                            </li>

                        </ul>
                    </div>
                    <div class="col-lg-3 col-sm-1 mb-1 mb-lg-0" style="text-align:center">
                        <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/brand/qrcode.png" style="height: 100px;box-shadow: 0 0 1.25rem rgba(150, 150, 150, 0.3) !important;"><br>
                        学习猿地服务号
                    </div>
                </div>
            </div>
            <div class="col-lg-6  mb-lg-0 d-block d-lg-none">
                <div class="row">
                    <div class="col m-auto" style="text-align:center">
                        <img alt="Image placeholder" src="https://cdn2.lmonkey.com/site/img/brand/qrcode.png" style="height: 100px;box-shadow: 0 0 1.25rem rgba(150, 150, 150, 0.3) !important;"><br>
                        学习猿地服务号
                    </div>
                </div>
            </div>
        </div>
                <div class="row align-items-center justify-content-md-between pt-1 mt-4 delimiter-top">
            <div class="col-md-12 copyright text-sm font-weight-bold text-center ">
                    © <a href="http://www.beian.miit.gov.cn/" class="font-weight-bold" target="_blank">
                   辽ICP备19013136号</a>
                <a href="https://www.phpzs.cn" style="color:#fff" >PHP知识网</a>
            </div>
            <div class="col-md-6">
            </div>
        </div>
    </div>
</footer>
    <div id="toast-container"></div>
</div>

<script src="/assets/js/purpose.core.js"></script>
        <script>
        $('.cancel').click(function () {
            var that = $(this);

            if (confirm("您确定要取消这个订单?")) {
                that.parents('form').submit();
            }
            return false;
        })
    </script>
    <script src="/assets/js/purpose.js"></script>
<script>
                    
    $(".lazy").lazyload();
</script>
<span style="display: none">
    <script type="text/javascript">var cnzz_protocol = (("" == document.location.protocol) ? "//" : "//");document.write(unescape("%3Cspan id='cnzz_stat_icon_1277679765'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/z_stat.php%3Fid%3D1277679765%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>
</span>

<style>
    .kefu7{
        width: 300px;
        height: 140px;
        overflow: hidden;
        background: #FFF;
        border-radius: 8px;
        box-shadow: 0 0 1.25rem rgba(23, 92, 255, 0.5); !important;
        position:fixed;
        bottom: 35px;
        right: 10px;
        cursor: pointer;
        z-index: 9;
    }
    .kefu8{
        width: 160px;
        border-radius: 8px;
        position:fixed;
        bottom: 35px;
        right: 20px;
        cursor: pointer;
    }
    .kefu9{
        width: 50px;
        border-radius: 8px;
        position:fixed;
        bottom: 35px;
        right: 20px;
        cursor: pointer;
        z-index: 999;
    }
    #chatBtn{
        display: none;
    }
    .animate-box {
             width: 148px;
             height: 46px;
             border-radius: 40px;
             background-image: linear-gradient(135deg, #3377f3 0%, #1742e3 100%);
             box-shadow: 5px 6px 26px -6px rgba(23, 92, 255, 0.55);
             cursor: pointer;
             animation: breath 1.5s ease-in-out infinite;
            -webkit-animation:breath 1.5s ease-in-out infinite; /*Safari and Chrome*/
    }
    .animate-m-box {
        width: 50px;
        height: 50px;
        border-radius: 40px;
        background-image: linear-gradient(135deg, #3377f3 0%, #1742e3 100%);
        box-shadow: 5px 6px 26px -6px rgba(23, 92, 255, 0.55);
        cursor: pointer;
        animation: breath 1.5s ease-in-out infinite;
        -webkit-animation:breath 1.5s ease-in-out infinite; /*Safari and Chrome*/
    }
    .kefuguanbi{
        cursor: pointer;
    }
    .kefudiv{
        display:flex; align-items:center;
    }
    @keyframes  breath {
        from {
            opacity: 1;
            transform: scale(1);
        }
        50% {
            opacity: 1;
            transform: scale(1.1);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }
    .ml-n50{
        margin-left:-11px;
    }
</style>
    <div class="kefu7 card bg-secondary-light p-0 m-0 " style="display: none" >
        <div class="card-body">
                <span class='kefuguanbi float-right mt-n3' >
                        X
                    </span>
            <div onclick="qimoChatClick();" >
                <img class="avatar rounded-circle" style="width: 45px;height: 45px" src="https://cdn2.lmonkey.com/img/20191217174752.jpg" alt="" >
                <span class="text-dark" >来了老弟， 需要服务吗？</span>
                <div class="kefudiv">
                    <button class="kefubtn btn btn-sm  animate-box  m-auto text-white" ><img  class="pr-1" src="https://cdn2.lmonkey.com/img/20191217155811.png" alt="" width="20px">点我咨询</button>
                </div>
            </div>
        </div>
    </div>
<div class="kefu8 kefudiv"  style="display: none">
    <button class="kefubtn btn btn-sm  animate-box m-auto  text-white" ><img  class="pr-1" src="https://cdn2.lmonkey.com/img/20191217155811.png" alt="" width="20px">点我咨询</button>
</div>
<div class="kefu9 kefudiv"  style="display: none">
    <button class="kefubtn btn btn-sm  animate-m-box  text-white" ><img class="ml-n50" src="https://cdn2.lmonkey.com/img/20191217155811.png" alt="" width="30px"></button>
</div>
<script type='text/javascript'>
        var qimoClientId = {
            userId: 179612,
            nickName:'17815502415'
        };
    
</script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

<script>
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        // ios的ua中无miniProgram，但都有MicroMessenger（表示是微信浏览器）
        wx.miniProgram.getEnv((res) => {
            if (!res.miniprogram) {
                kefu7moom();
            }
        })
    } else {
        kefu7moom();
    }

    function kefu7moom()
    {
        $.getScript("https://ykf-webchat.7moor.com/javascripts/7moorInit.js?accessId=ad8e1ca0-2091-11ea-af9d-6523a0f144a7&autoShow=false&language=ZHCN");

        $('.kefubtn').click(function () {
            qimoChatClick();
        })
        $('.kefuguanbi').click(function () {
            localStorage.kefu = '1';
            $('.kefu7').hide()
            $('.kefu8').show()
        })
        $(function () {
            var is_show_mobile_page = 0
            if(is_show_mobile_page == '1'){
                $('.kefu9').show()
                return ;
            }
            if(localStorage.kefu == '1'){
                $('.kefu8').show()
            }else{
                $('.kefu7').show()
            }
        })

    }


</script>



<script>
        let l = ' ___       _____ ______   ________  ________   ___  __    _______       ___    ___ \n' +
            '|\\  \\     |\\   _ \\  _   \\|\\   __  \\|\\   ___  \\|\\  \\|\\  \\ |\\  ___ \\     |\\  \\  /  /|\n' +
            '\\ \\  \\    \\ \\  \\\\\\__\\ \\  \\ \\  \\|\\  \\ \\  \\\\ \\  \\ \\  \\/  /|\\ \\   __/|    \\ \\  \\/  / /\n' +
            ' \\ \\  \\    \\ \\  \\\\|__| \\  \\ \\  \\\\\\  \\ \\  \\\\ \\  \\ \\   ___  \\ \\  \\_|/__   \\ \\    / / \n' +
            '  \\ \\  \\____\\ \\  \\    \\ \\  \\ \\  \\\\\\  \\ \\  \\\\ \\  \\ \\  \\\\ \\  \\ \\  \\_|\\ \\   \\/  /  /  \n' +
            '   \\ \\_______\\ \\__\\    \\ \\__\\ \\_______\\ \\__\\\\ \\__\\ \\__\\\\ \\__\\ \\_______\\__/  / /    \n' +
            '    \\|_______|\\|__|     \\|__|\\|_______|\\|__| \\|__|\\|__| \\|__|\\|_______|\\___/ /     \n' +
            '                                                                      \\|___|/      \n' +
            '                                                                                '

    console.log(l);
    console.log('学习猿地根据IT方向的线上学习特点，研发人机互动教学系统， 打造领先的学习模式。平台签约了十名大牛联合创办， 每个合伙人再召集几名身边的技术大咖，根据程序员的岗位需求研发精品课程，并将一门学科中所需要的全部学习资料汇总在一起， 且实时更新。选中一门课程即拥有全部的精品学习资源，不需要再找其它资源补充， 按计划学习结束后即可直接从事对应的开发工作。');
</script>
</body>

</html>